<!--
@Author: 赵明洋 3016214077

@Date: 2018-12-12

@员工请假申请界面

@Last Modified time: 2018-12-16-->
<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">提出外出申请</h3>
  </div>
  <!-- /.box-header -->
  <!-- form start -->
  <div role="form">
    <div class="box-body">
      <div class="form-group">

        <label for="starttime">外出开始时间:</label>
        <input [(ngModel)]="start_time" type="date" class="form-control" name="starttime" placeholder="2018/02/08">
        <!-- <span class ="help-block" [class.hidden] ="!formModule.hasError('required','starttime')">
         外出开始时间是必填项
        </span> -->
      </div>
      <div class="form-group">
        <label for="endtime">外出结束时间:</label>

        <input [(ngModel)]="end_time" type="date" class="form-control" name="endtime" placeholder="2018/03/22">
        <!--  <span class ="help-block" [class.hidden] ="!formModule.hasError('required','endtime')">
          外出结束时间是必填项
         </span> -->
      </div>


      <div class="form-group">
        <label for="duration">请假时长（天）</label>

        <input [(ngModel)]="duration" type="text" class="form-control" name="duration" placeholder="阿拉伯数字，以天为单位">



        <div class="form-group">
          <label for="reason">详细原因</label>
          <br>
          <textarea [(ngModel)]="reason" name="reason" style="width: 1540px; height: 100px" placeholder="请填写原因"></textarea>
        </div>


        <div class="form-group">
          <label for="type">请假类型：</label>
          <input type="radio" name="tpye" [(ngModel)]="type" value="0" style="size:10px">病假
          <input type="radio" name="tpye" [(ngModel)]="type" value="1" style="size:10px">婚假
          <input type="radio" name="tpye" [(ngModel)]="type" value="2" style="size:10px">事假
          <input type="radio" name="tpye" [(ngModel)]="type" value="3" style="size:10px">年假
        </div>
      </div>
      <!-- /.box-body -->

      <div class="box-footer">
        <button (click)=" save()" type="submit" class="btn btn-primary">确认申请</button>
        &nbsp;&nbsp;
        <button (click)="cancel()" type="submit" class="btn btn-primary">取消</button>
      </div>
    </div>
  </div>